<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/H-ui.min.css" /><!--div table-->
<title>Insert title here</title>
<script src="../js/echarts.min.js"></script>
</head>
<body>
<div id="current">当前位置：学生分析 &gt; 学习情况（作业成绩）</div>
<div class="page-container">

    <form id="SearchState" method="post">
	<div class="text-c"> 
	
		班级:
		<span class="select-box inline">
			<select class="select"  name="jobId" id="jobId">
				<option value="" selected="selected">信管B171</option>
				<option value="" selected="selected">信管B172</option>
				<option value="" selected="selected">信管B173</option>
			</select>
		</span>
		姓名:
		<span class="select-box inline">
			<select class="select"  name="topicId" id="topicId" >
				<option value="" selected="selected">张三-201707520</option>
				<option value="" selected="selected">李四-201707521</option>
				<option value="" selected="selected">王五-201707523</option>
			</select>
		</span>
		<input type="hidden" id="" name="">
		<button id="lookfor" type="button" class="btn btn-primary radius">查询</button>
	</div>
	</form>
	
	<div class="text-c"> 
		<table class="table table-border table-bordered table-bg table-hover table-sort"
		cellpadding = "pixels%" cellspacing = "pixels%">
			<thead>
				<tr class="text-c">
					<!-- <th width="25"><input type="checkbox" name="" value=""></th> -->
					<th width="105">信管B171</th>
					<th width="105">张三-201707520</th>
				</tr>
			</thead>
		</table>
	</div>
	
	<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
        	    xAxis: {
            type: 'category',
            data: ['第一章', '第二章', '第三章', '第四章', '第五章', '第六章', '第七章']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [100, 95, 78, 82, 70, 66, 50],
            type: 'line'
        }]
    };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>	
</div>
由折线图得出：张三同学本学期作业成绩在不断下降，令人深思
</body>
</html>